.artist-view {
  .body-loader:not(.lazy-loader) {
    padding: 15vh 0;
  }

  .intro {
    position: relative;
    @include clearfix();

    .liner {
      position: relative;
      z-index: 1;
      padding: 35vh 40px 0;

      .heading {
        display: flex;
        align-items: center;

        &__thumbnail {
          width: 140px;
          margin-right: 30px;
        }
      }

      h1 {
        padding-bottom: 15px;
        font-size: 5rem;
        line-height: 5rem;
      }

      .actions {
        @include horizontal_scroll;
        .context-menu-trigger {
          color: colour('white');

          @include theme('light') {
            color: colour('darkest_grey');
          }
        }
      }

      .sub-views {
        padding-top: 25px;
      }
    }
  }

  .body {
    &.overview {
      .albums {
        padding-top: 30px;

        h4 {
          display: flex;
          align-items: center;
        }
      }
    }

    &.about {
      @include clearfix();

      .biography {
        padding-left: 40px;
        box-sizing: border-box;

        .biography-text {
          overflow-wrap: break-word;
          white-space: pre-wrap;
        }
      }
    }
  }

  @include responsive($bp_wide) {
    .intro {
      .liner {
        .heading {
          &__thumbnail {
            width: 100px;
          }
        }

        h1 {
          font-size: 4rem;
          line-height: 4rem;
        }
      }
    }
  }

  @include responsive($bp_medium) {
    .parallax {
      opacity: 0.75;
    }

    .intro {
      margin-bottom: 0;

      .liner {
        padding-left: 0;
        padding-right: 0;
        padding-top: 30vh;

        .heading {
          display: block;

          &__thumbnail {
            display: none;
          }
        }

        h1 {
          @include clearfix();
          padding: 15vw 10px 0;
          font-size: 3rem;
          line-height: 3rem;
        }

        .actions {
          padding: 30px 10px 0;
        }

        .sub-views {
          margin-left: 5px;
          padding-top: 30px;

          .option {
            margin: 0 8px;
          }
        }
      }
    }

    .body {
      &.overview {
        .top-tracks h4 {
          display: none;
        }
        .albums h4 {
          padding: 0;
          margin: 0 0 -30px;
        }
        .col--w70 {
          width: 100%;
        }
        .col--w5,
        .related-artists {
          display: none;
        }
        .grid-wrapper {
          padding-top: 40px !important;
        }
      }

      &.about {
        .col {
          &--w40,
          &--w60 {
            @include clearfix();
            width: 100%;
            float: none;
          }
        }

        .biography {
          padding-left: 0;
        }
      }
    }
  }
}
